<script lang="ts" setup>
import { useLocale } from '@/locale/locale';
import CheckForAgreement from './check-for-agreement.vue';
import InputEmail from './input-email.vue';
import InputVerificationCode from './input-verification-code.vue';
import SwitchModeButton from './switch-mode-button.vue';

defineEmits(['login', 'switch']);

const { t } = useLocale();
</script>

<template>
  <InputEmail />
  <InputVerificationCode />
  <CheckForAgreement custom-class="mb-7" />
  <uv-button
    :custom-style="{
      width: '630rpx',
      height: '100rpx',
      backgroundColor: ' #269c74',
      color: '#fff'
    }"
    shape="circle"
    @click="$emit('login')"
  >
    {{ t('LLKey_login') }}
  </uv-button>
  <SwitchModeButton :text="t('LoginUsingPhone')" @click="$emit('switch')" />
</template>
